import React,{useState} from 'react'
import { ResultPage, Card, Popup,CalendarPickerView } from 'antd-mobile'


const App = () => {
  const [visible5, setVisible5] = useState(false)

  // const getDate=()=>{
    
  // }
  return (
    <div>
       <ResultPage
      status=''
      title=''
      description=''
    >
      <ResultPage.Card style={{ height: 64, padding: 8 }}>
        <div className='date' onClick={()=> setVisible5(true)}>
         2025-5-27
        </div>
      </ResultPage.Card>
      <Popup
              visible={visible5}
              onMaskClick={() => {
                setVisible5(false)
              }}
              bodyStyle={{
                borderTopLeftRadius: '8px',
                borderTopRightRadius: '8px',
                minHeight: '40vh',
              }}
            >
               <CalendarPickerView 
                min={Date.now()}
                max={Date.now() + 9 * 24 * 60 * 60 * 1000}
                // onChange={(val)=>getDate(val)}
               />
            </Popup>
    </ResultPage>
    </div>
  )
}

export default App
